<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ZHE电影</title>
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/color_style.css">
    <link rel="stylesheet" href="../css/iconfont.css">
</head>

<body>

    <!-- 导航 -->

    <div style="background-color:  rgba(17, 17, 17,0.9);">
        <div class="container">
            <div class="top-header flex-s">
                <div class="header-left">
                    <a href="index.html" class="logo">
                        <img src="../img/logo-header.png" alt="IMG">
                    </a>
                </div>
                <div class="header-right flex-c">


                    <div class="th-input-box flex-c">

                        <select class="th-select" aria-hidden="true">
                            <option>Movies</option>
                            <option>Videos</option>
                        </select>

                        <div class="th-line"></div>

                        <input type="search" class="th-input" placeholder="Seach for a Movie..." autocomplete="off">

                        <button class="th-btn">
                            <i class="iconfont icon-search1"></i>
                        </button>

                    </div>


                    <div class="th-ico">
                        <ul class="flex-l">
                            <li>

                                <i class="iconfont icon-552cd5c76f532"></i>
                            </li>
                            <li>
                                <i class="iconfont icon-qq"></i>
                            </li>
                            <li>
                                <i class="iconfont icon-book"></i>
                            </li>
                            <li>
                                <i class="iconfont icon-navigation"></i>
                            </li>
                            <li>
                                <i class="iconfont icon-gouwuche"></i>
                            </li>
                            <li>
                                <i class="iconfont icon-git"></i>
                            </li>
                        </ul>
                    </div>


                </div>
            </div>
        </div>
    </div>

    <div style="background-color:  rgba(228, 9, 20,0.9);">
        <div class="container">
            <div class="nav flex-s">
                <div class="nav-left">
                    <ul class="flex-l">
                        <li>
                            <i class="iconfont icon-gengduo"></i>
                        </li>
                        <li>
                            <a href="../index.html">首页</a>
                        </li>
                    
                        <li>
                            <a href="all.html">视频大全</a></li>
                        <li>
                            <a href="blog.html">视频资讯</a></li>
                        <li>
                            <a href="contact.html">联系我</a></li>
                    </ul>
                </div>
                <div class="nav-right flex-c">

                    <div class="nav-login flex-c ">
                        <a href="login.html" target="blank">
                            <i class="iconfont icon-denglu"></i>
                            登录</a>
                    </div>
                    <div class="nav-line"></div>
                    <div class="nav-reg  flex-c">
                        <a href="reg.html" target="blank">

                            <i class="iconfont icon-zhuce"></i>

                            注册</a>
                    </div>


                </div>
            </div>
        </div>
    </div>

    <div class="container contact">

        <div class="contact-message flex-c">
            <div class="icon-msg">
                <i class="iconfont icon-weizhi"></i>
                <h3>位置</h3>
                <span>浙江交通职业技术学院</span>
            </div>
            <div class="icon-msg">
                <i class="iconfont icon-weibiaoti-"></i>
                <h3>电话</h3>
                <span>18368015236</span>
            </div>
            <div class="icon-msg">
                <i class="iconfont icon-youxiang"></i>
                <h3>邮箱</h3>
                <span>2810201146@qq.com</span>
            </div>
            <div class="icon-msg">
                <i class="iconfont icon-weibo"></i>
                <h3>微博</h3>
                <span>18368015236</span>
            </div>

        </div>

        <div class="contact-hr"></div>

        <div>
            <h2>发消息联系我</h2>
            <span>
                您的电子邮件地址将不会被公布。已标记必需字段。
            </span>
        </div>
        <div class="h-input flex">
            <input type="text" placeholder="Name*">
            <input type="text" placeholder="Email*">
            <input type="text" placeholder="Phone*">
            <!-- </div>
        <div> -->
            <input class="contact-subj" type="text" placeholder="Name*">
            <textarea name="" id="" cols="30" rows="10" placeholder="Message*"></textarea>

        </div>
        <div class="flex-c">
            <button>联系我</button>
        </div>
    </div>

    <div class="Bottom">
        Copyright © 2021.19510146 邹洋 Company name All rights reserved
    </div>
</body>

</html>